<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form id="documentForm" action="add" method="post">
    <p>
        文档名称：<input name="title" type="text"/>
    </p>
    <p>
        文档摘要：<input name="summary" type="text">
    </p>
    <p>
        上传人：<input name="uploaduser" type="text">
    </p>

    <p>
        上传时间：<input type="text" name="createdate" placeholder="yyyy-MM-dd">
    </p>

    <p>
        <input id="submitBtn" type="submit" value="保存">
    </p>
</form>
</body>
<script th:src="@{/js/jquery.min.js}"></script>
<script>




    $(function (){
        $("#documentForm").submit(function (e){
            e.preventDefault();
            let title = $("input[name='title']").val();
            let createdate = $("input[name='createdate']").val();

            if (title.trim() === "") {
                alert("文档名称不能为空!");
                return;
            }

            if (createdate.trim() === "") {
                alert("上传时间不能为空!");
                return;
            }

            if (!isValidDate(createdate)) {
                alert("上传时间格式不正确! 日期的输入格式应为“yyyy-MM-dd”");
                return;
            }

            // 如果通过验证，可以提交表单
            this.submit();
        })

        function isValidDate(dateString) {
            // 使用正则表达式验证日期格式
            let regex = /^\d{4}-\d{2}-\d{2}$/;
            return regex.test(dateString);
        }
    })
</script>
</html>
